<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/jstl.jspf"%>
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>信息绑定</title>
<link rel="Shortcut Icon" href="${url}/img/favicon.ico">
<link rel="stylesheet" type="text/css"
	href="${url}/vendor/font-awesome/css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="${url}/css/common.css" />
<link rel="stylesheet" type="text/css" href="${url}/css/header.css" />
<link rel="stylesheet" type="text/css" href="${url}/css/user.css" />
<link rel="stylesheet" href="${url}/css/user-info-bind.css" />
</head>
<script src="${url }/vendor/jquery.min.js"></script>
	<script src="${url }/js/common.js"></script>
	<script src="${url }/js/jquery-3.1.1.min.js"></script>
<body>
	<header id="header">
		<div class="header-wrapper">
			<ul class="header-left">
				<li class="item lagou-app"><a href=""><i
						class="icon fa fa-mobile"></i>拉勾APP</a></li>
			</ul>
			<ul class="header-right">
				<li class="item"><a href="msg.html">消息</a> <span class="mark">3</span>
				</li>
				<li class="item line">|</li>
				<li class="item"><a href="resume.html">我的简历</a></li>
				<li class="item line">|</li>
				<li class="item"><a href="delivery.html">投递反馈</a></li>
				<li class="item line">|</li>
				<li class="item"><a href="invitation.html">职位邀请</a></li>
				<li class="item line">|</li>
				<li class="item user"><a href="javascript:js_method()"
					class="user-name" id="userName"> ${user.email }
						${users.username } &nbsp;<i class="icon fa fa-caret-down"></i>
				</a>
					<ul class="user-content">
						<li class="content-item"><a
							href="${url }/user/user_loginOut.action">退出</a></li>
					</ul></li>
			</ul>
		</div>
	</header>

	<div class="fixed-bar-top" onclick="returnTop()" id="fixed-bar"></div>
	<div class="fixed-bar-suggest"></div>
	<div class="feedback">我要反馈</div>

	<div class="wrapper">
		<div class="content">
			<ul class="left">
				<li class="left-item active"><a href="user-info-bind.html">信息绑定</a>
				</li>
				<li class="left-item"><a href="user-privacy-setting.html">隐私设置</a>
				</li>
				<li class="left-item"><a href="${url }/user/user_initPass.action">修改密码</a>
				</li>
			</ul>
			<div class="right">
				<form action="${url }/user/user_updateBind.action" method="post">
					<input type="hidden" name="user.id" value="${user.id }">
					<div class="user-number">
						登陆账号：<input type="text" name="user.email" value="${user.email }"
							disabled="disabled">
						<div class="tip">为了给您更好的体验，建议您绑定以下信息：</div>
					</div>
					<div class="input-wrapper">
						<input type="text" name="user.username" id="username" 
						onkeyup="checkUserName(this)"
							value="${user.username }" placeholder="请输入您的真实姓名" /><span></span>
					</div>
					<div class="input-wrapper">
						<input type="text" name="user.phone" value="${user.phone }"
							id="phone"  onkeyup="checkPhone(this)" placeholder="请输入您的手机号码"  />
					<span> </span>
					</div>
					<input type="submit" id="zlsubmit" value="保存" class="submit">
				</form>
			</div>
		</div>
	</div>

	<div class="footer">
		<div id="weibo">
			<a href="app.html"><img src="${url }/img/weibo.png"
				style="width: 240px; height: 240px" /></a>
		</div>

		<div id="weixin">
			<a href=""><img src="${url }/img/weixin.png"
				style="width: 235px; height: 235px" /></a>
		</div>
		<div class="footer-inside">
			<div class="footer-lagou">
				<div class="footer-text">
					<dl class="list-nav">
						<dd id="lagou-weibo">
							<a href="">拉勾APP&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
						</dd>
						<dd>
							<a href="">拉勾微博&nbsp;&nbsp;&nbsp;</a>
						</dd>
						<dd id="lagou-weixin">
							<a href="">拉钩微信&nbsp;&nbsp;&nbsp;</a>
						</dd>
						<dd>
							<a href="">版本更新&nbsp;&nbsp;&nbsp;</a>
						</dd>
						<dd>
							<a href="">帮助中心&nbsp;&nbsp;&nbsp;</a>
						</dd>
						<dd>
							<a href="">联系我们&nbsp;&nbsp;&nbsp;</a>
						</dd>
						<dd>
							<a href="">在线交流&nbsp;&nbsp;&nbsp;</a>
						</dd>
						<dd>
							<a href="">服务热线：4006-2828-35 (9:00 -18:00)</a>
						</dd>
					</dl>
					<div class="footer-new"></div>
				</div>
				<div class="footer-image"></div>
				<div class="footer-text1">©2016 Lagou 京ICP备14023790号-2
					京公网安备11010802017116号</div>
			</div>
		</div>
	</div>
	
</body>
</html>